<template>
  <div>
    <div>
      <h2>智慧酒店后台管理系统</h2>
    </div>
     <div class="content">
       <div class="left">
          <ul>
            <li>管理员模块
              <ol>
                <li>管理员列表</li>
              </ol>
            </li>
            <li>
              <ol>
                <li @click="memebertlist">会员列表</li>
              </ol>
            </li>
          </ul>
       </div>
       <div class="right">
          <RouterView></RouterView>
       </div>
     </div>
  </div>
</template>


<script setup lang="ts">
import{RouterView,useRouter} from'vue-router'
const router=useRouter()
const memebertlist=()=>{
  router.push("memberlist")
}
</script>


<style scoped>
  .header{
    background-color: aqua;
    height: 100px;
  }
  .content{
    display: flex;
    justify-content: space-between;
  }
  .left{
    width:200px;
    background-color: deeppink;
  }
  .right{
    flex:1;
    background-color: skyblue;
  }
</style>